/* 人事指标仪表盘主容器样式 */
.hr-indicator-dashboard {
  display: flex;
  height: 100%; // 由外层容器控制高度（弹窗内为100%）
  background: #f5f5f5;
  user-select: none;
  /* 禁止选中文字 */
  min-height: 0; // 允许内部flex子项在弹窗内收缩
}

/* 右侧图表展示区域占满剩余空间 */
.hr-indicator-dashboard .chart-display-area {
  flex: 1;
  min-width: 0;
  /* 防止内容撑开导致溢出 */
  display: flex;
  flex-direction: column;
  min-height: 0; // 允许内部容器在小高度下正常滚动
  overflow: hidden; // 改为hidden，避免整体滚动影响布局
  // 允许通过CSS变量设置统一的图表最小高度（在弹窗内更友好）
  // 可按需在外层覆盖，例如 .component-config-modal { --component-min-height: 720px; }
  --chart-min-height: 560px;
}

/* 全局动画效果 */
@keyframes pulse {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.1);
  }
}

/* 拖拽效果相关样式 */
.drag-forbidden-overlay {
  animation: pulse 1.5s ease-in-out infinite alternate;
}